.offset-style {
  display: inline-block;
  position: absolute;
  top: 75px;
  left: 10px;
  background: #ffffff;
  border: 1px solid #0283e1;
  box-shadow: 0px 0px 12px 0px rgba(6, 14, 33, 0.16);
  border-radius: 4px;
  padding: 5px;
  font-weight: 500;
  color: #0283e1;
  font-size: 16px;
  z-index: 10;
}
.offset-style::before {
  content: '';
  width: 4px;
  height: 4px;
  background: #0283e1;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.gis-search-bar {
  width: 100%;
  // background: #1FD3E7;
  // border-top-left-radius: 8px;
  // border-top-right-radius: 8px;

  // sx ---s
  height: 57px;
  padding-left: 16px;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 1px solid #f6f5fa;
  box-shadow: 0px 4px 8px 0px rgba(6, 14, 33, 0.1);
  .el-switch__label.is-active,
  .el-switch__label {
    color: #606266;
    font-weight: normal;
  }
  .el-select.offset {
    width: 168px;
  }
  // sx ---e
  // .el-select .el-input.is-focus .el-input__inner {
  //   border-color: rgb(41, 190, 203);
  // }
  // .el-select .el-input__inner:focus {
  //   border-color: rgb(41, 190, 203);
  // }
  .el-form-item {
    // margin: 6px 6px 6px 0 !important;
  }
  .panel-slot .el-form-item {
    margin-bottom: 0px !important;
  }
  .el-form-item__label {
    font-size: 12px;
    padding-right: 5px;
  }
  .el-form-item__content {
    font-size: 12px;
  }
  .el-select {
    width: 120px;
  }
  .el-radio {
    margin-right: 5px !important;
    .el-radio__label {
      color: #f9f9f9;
    }
  }
  .el-switch__core {
    background-color: #e5e5fb  !important;
    border-color: #e5e5fb  !important;
  }
  .is-checked .el-switch__core {
    background-color: #0886e2 !important;
    border-color: #0886e2 !important;
  }
  // .el-switch.is-checked .el-switch__core::after {
  //   background-color: #1fe7c6;
  // }
  // .el-radio__input.is-checked .el-radio__inner {
  //   border-color: #1fe7c6;
  //   background: #1fe7c6;
  // }
  .el-switch__core:after {
    background-color: #b1adad;
  }
  .is-checked .el-switch__core:after {
    background-color: #fff;
  }
  .alone {
    float: right;
  }
  .single-check {
    .el-checkbox__input {
      display: none;
    }
    .el-checkbox__label {
      height: 28px;
      margin-left: 20px;
      padding: 0 20px;
      line-height: 28px;
      background-color: #f9f9f9;
      color: #424242;
    }
  }
  // .is-checked {
  //   .el-checkbox__label {
  //     height: 28px;
  //     margin-left: 20px;
  //     padding: 0 20px;
  //     line-height: 28px;
  //     background-color: #0d887b;
  //     color: #f9f9f9;
  //   }
  // }
}

.data-panel .el-select.el-select--medium {
  width: auto;
}
.data-panel .el-select.el-select--medium.select-type {
  width: 100px;
}

// 单选样式
.analysis-box .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: #0283e1 !important;
  border-color: #0283e1 !important;
}

// 特殊筛选项
.analysis-box {
  // 消除点击后的阴影
  .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: none; 
  }
  
}

// 第一个隐藏 所以需要把第二个border设置下
.hide-first-box .el-radio-button:nth-child(2) .el-radio-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none!important;
}


// .report-toolbar .el-radio-button__orig-radio:checked + .el-radio-button__inner {
//   background: #79a2e6 !important;
//   border-color: #79a2e6 !important;
  
// }



// 搜索框 标签模式选择框
.tag-select, 
.tag-select-info {
  
  .el-select {
    width: 60px;
    position: relative;
    
    .el-input {
      
      input {
        background-color: #ecf5ff;
        border-color: #d9ecff;
        color: #409EFF;
        padding: 5px 8px;
        // text-align: ;
      }
    }
    
    .el-input__suffix {
      position: absolute;
      right: 2px;
      top: 0;
      i {
        color: #000000;
      }
    }
  }

  
  
}

.tag-select-info {
  width: 80px;
  .el-select {
  
    .el-input {
      input {
        background-color: #f4f4f5;
        border-color: #e9e9eb;
        color: #909399;
        
      }
    }
    .el-input__inner {
      width: 60px;
    }
  }
}

// 对selec的框的宽度进行限制
.form-box {
  .el-select {
    width: 100px;
  }
  .tag-select {
    .el-select {
      width: 60px;
    }
    
  }

  // 对 el 自带的maragin 做消除
  .public-area,
  .public-area-two,
  .right-area ,
  .right-area-two {
    .el-form-item {
      margin-bottom: 0px;
    }
  }
}

// 搜索框下拉菜单样式
.search-hint-box {
  li {
    padding: 0 5px;
    span {
      font-size: 12px;
      
    }
    .name {
      margin-right: 5px;
    }
    .addr {
      color: #999;
    }
  };
}


@media screen and (min-width: 1158px) and (max-width: 1255px) {
  .form-box {
    
    .el-select {
      width: 90px;
    }

    .customInput1 {
      width: 100px !important;
    }

    // .customInput {
    //   width: 120px !important;
    // }
    
  }
}

@media screen and (max-width: 1158px) {
  .form-box {
    
    .el-select {
      width: 80px;
    }

    .customInput1 {
      width: 90px !important;
    }

    // .customInput {
    //   width: 100px !important;
    // }

  }
}


@media screen and (max-width: 1350px) {

  .form-box {
    .right-area-two {
      width: 250px;
    }
  }

}


// 二级筛选项

.bottom-box {
  padding: 5px 10px;

  .el-form-item {
    margin-bottom: 0;
  }
  .analysis-box {
    // 居中
    display: flex;
    align-items: center;
  }
   
}



// 筛选框 input 上下键隐藏
.filter-dialog {
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none!important;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
  
}